﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>自定义函数</title>
    <link href="../../js/codeMirror/codemirror.css" rel="stylesheet" />
    <link href="../../css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/smoothness/theme.css" />
    <link rel="stylesheet" href="../../css/smoothness/jquery-ui.min.css" />
    <link href="../../js/BootstrapTable/bootstrap-table.min.css" rel="stylesheet" />

    <script src="../../js/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../js/jquery-ui.min.js"></script>
    <script src="../../js/BootstrapTable/bootstrap-table.js"></script>
    <script src="../../js/BootstrapTable/bootstrap-table-zh-CN.js"></script>
    <script src="../../js/codeMirror/codemirror.js"></script>
    <script src="../../js/codeMirror/mode/javascript/javascript.js"></script>
    <script src="../../js/codeMirror/mode/css/css.js"></script>
    <script src="../../js/codeMirror/mode/htmlmixed/htmlmixed.js"></script>
    <script src="../../js/FormFuncModal.js"></script>

    
</head>
<body>
<div>
        <table>
            <tr>
                <td valign="top" style="width:300px">
                    <div class="form-group">
                        <div>
                            <select class="form-control funcTypeMapper" id="selType">
                            </select>
                        </div>
					 </div>
                     <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                函数列表
                            </h3>
                        </div>
                        <div class="panel-body" style="height:400px; padding-top:0px; overflow:auto;">
                            <table id ="formFuncTable" ></table>
                        </div>
                    </div>
                </td>
                <td valign="top" style="padding-left:35px;">
                      <div  class="panel panel-default" style="width:665px">
                        <div class="panel-body">
                           <form class="form-inline" role="form">
                    <table>
                        <tr>
                            <td><label for="txtFuncName">名称:</label></td>
                            <td>
                                <div class="form-group">
                                    <input type="text"  class="form-control"  id="txtFuncName" IsValid="false" ValidNull="true" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="txtFuncCaption">显示:</label></td>
                            <td>
                                <div class="form-group">
				                    <input type="text"  class="form-control" id="txtFuncCaption" IsValid="false" ValidNull="true" />
			                   </div>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="selFuncType">分类:</label></td>
                            <td>
                                <div class="form-group">
				                   <select class="form-control funcTypeMapper" style="width:197px;" id="selFuncType"><option></option> </select>
			                   </div>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="desc">描述:</label></td>
                            <td>
                                <div class="form-group" style="width:500px;" >
                                    <textarea class="form-control" rows="3" id="desc" ></textarea>
						        </div>	
                            </td></tr>
                        <tr>
                            <td valign="top"><label for="expression">代码:</label></td>
                            <td>
                                <div class="form-group" >
                                    <div style="height:220px; width:500px; float:left; border:solid 1px #ddd">
                                        <textarea id="expression" class="form-control"  style="height:100%;"></textarea> 
                                    </div>
                                      <div style="height:30px; float:left;">
                                        <button id="validBtn" type="button" style="float:right;">检测</button>
                                    </div>                                    
						        </div>
                                
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td> 
							    <button class="btn btn-primary"  type="button" id="create">新增</button>
							    <button class="btn btn-success"  type="button" id="update">修改</button>
                                <button class="btn btn-danger" type="button" id="delete">删除</button>
                                <button class="btn btn-primary"  type="button" id="clear"> 清空</button>
                            </td>
                        </tr>
                    </table>
                    </form> 
                        </div>
                    </div>
                </td>
            </tr>
        </table>
</div>


</body>
</html>
